<template>
  <m-page>
    <!-- 交易详情页 -->
    <m-header title="交易详情"></m-header>
    <div class="transaction_detail">
      <div class="g-top">
        <p class="u-txt1">-<ynet-amount :value="2000" :precision="2" has-separator/></p>
        <p class="u-txt2">交易金额</p>
      </div>
      <div class="g-bottom">
        <ynet-cell-item title="账户名称" :addon="data.DESLINE2"></ynet-cell-item>
        <ynet-cell-item title="信用卡号末四位" :addon="data.CARDEND"></ynet-cell-item>
        <ynet-cell-item title="交易时间" :addon="data.DATE"></ynet-cell-item>
        <ynet-cell-item title="入账日期" :addon="data.ACCOUNT_DATE"></ynet-cell-item>
        <ynet-cell-item title="交易类型" :addon="data.TYPE"></ynet-cell-item>
        <ynet-cell-item title="交易描述" :addon="data.DESLINE1"></ynet-cell-item>
        <ynet-cell-item title="原始交易币种" :addon="data.AMOUNT_TYPE"></ynet-cell-item>
      </div>
    </div>
  </m-page>
</template>

<script>
import { Amount ,CellItem} from "ynet-mobile"
export default {
  components: {
    [CellItem.name]:CellItem,
    [Amount.name]:Amount
  },
  data() {
    return {
      data:{
        // 交易信息数据
        DESLINE2:'融易通信用卡',
        CARDEND: "1234",  //尾号
        DATE:'2020-02-15',  //交易时间
        ACCOUNT_DATE:'2020-02-15', //入账日期
        TYPE:'本金到期',   //交易类型
        DESLINE1:'20190104本金到期',
        AMOUNT_TYPE:'人民币'
      }
    };
  },
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>

